there used to be a padding, since it was the only option in the
past, that makes little sense now, hence use margins.
@include entry(normal);
image { // icons inside the entry
- &.left { padding-left: 0; padding-right: 6px; }
- &.right { padding-left: 6px; padding-right: 0; }
+ &.left { margin-right: 6px; }
+ &.right { margin-left: 6px; }
}
undershoot {
box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); }
spinbutton:not(.vertical) image.left,
entry image.left {
- padding-left: 0;
- padding-right: 6px; }
+ margin-right: 6px; }
spinbutton:not(.vertical) image.right,
entry image.right {
- padding-left: 6px;
- padding-right: 0; }
+ margin-left: 6px; }
spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); }
spinbutton:not(.vertical) image.left,
entry image.left {
- padding-left: 0;
- padding-right: 6px; }
+ margin-right: 6px; }
spinbutton:not(.vertical) image.right,
entry image.right {
- padding-left: 6px;
- padding-right: 0; }
+ margin-left: 6px; }
spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;